<template>
  <div>
      <h1>{{title}}</h1>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
// let title:string='你好VUE3'//传统的写法现在上面定义类型  之类的  
//下面 这一种就是我在解决怎么一次解决多种类型的写法  所有需要使用的typescript 里面的一个叫接口的方式
     interface News{
         title:string,
         age:number,
         count:number,
         content?:string//可选参数可以不用复制给他
     }
     let NewDate:News={
         title:'string',
         age:123456,
         count:45678,
     }
export default defineComponent ({
      data(){
          return NewDate
        //   return{
        //       NewDate
        //       userinfo:{
        //           username:"张三",
        //       },
        //       age:18,
        //       sex:"男"
        //   }
      },
      methods:{
       
      }
})

</script>

<style lang='scss'> 

</style>